<@t.html>
<style>
<!--
.form-inner{font-weight: normal;margin-top: 5px; }
-->
</style>
	<@t.container title="${bean.title}配置详情" icon="upload" back="true" >
				<@t.form id="add_form">
					<#if bean??>
        				<input type="hidden" id="id" name="id" value="${bean.id}"/>	
					</#if>
					<@t.text title="频道中文名称" id="chanel_cn_name" value="${bean.chanel_cn_name!''}" />    
					<@t.text title="频道key" id="channel" value="${bean.channel!''}" />    
                	<@t.text title="上传根目录" id="base_path" value="${bean.base_path!''}" />
                	<@t.text title="允许上传文件类型" id="allow_type" value="${bean.allow_type!''}" help="请输入上传文件类型，用英文分号隔开。如:pdf;doc" />
                	<@t.select title="是否自动裁剪" id="auto_crop" datas={"1":"允许", "0":"禁止"} defaultValue="${bean.auto_crop!''}" />
                				<!-- 自动裁剪填入的参数 -->
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">自动裁剪宽高</label>
                                    <div class="col-sm-5">
                                       <div class="form-inner crop">
                                       		缩略图名称后缀：<input type="text" class="crop_thumb_marker"  value="${bean_crop.thumb_marker}"  placeholder="请输入缩略图后缀">
                                       		宽：<input type="text" class="crop_thumb_widht" value="${bean_crop.width}"  placeholder="请输入宽度">
                                      		高:<input type="text" class="crop_thumb_height"  value="${bean_crop.height}"  placeholder="请输入长度">
                                       </div>
                                      <div class="form-inner crop">
                                       		缩略图名称后缀：<input type="text" class="crop_thumb_marker"  value="${bean_crop.thumb_marker}"  placeholder="请输入缩略图后缀">
                                       		宽：<input type="text" class="crop_thumb_widht" value="${bean_crop.width}"  placeholder="请输入宽度">
                                      		高:<input type="text" class="crop_thumb_height"  value="${bean_crop.height}"  placeholder="请输入长度">
                                       </div>
                                       <div class="form-inner crop">
                                       		缩略图名称后缀：<input type="text" class="crop_thumb_marker"  value="${bean_crop.thumb_marker}"  placeholder="请输入缩略图后缀">
                                       		宽：<input type="text" class="crop_thumb_widht" value="${bean_crop.width}"  placeholder="请输入宽度">
                                      		高:<input type="text" class="crop_thumb_height"  value="${bean_crop.height}"  placeholder="请输入长度">
                                       </div>
                                       <p class="help-block" style="color:red;">注意：缩略图后缀不允许重名，如果重名以后面的为准；在随机生成的名称后面的添加如1123123.jpg-->123123_后缀.jpg;高宽的单位为像素；</p>
                                    </div>
                                </div>
                	<@t.select title="是否自动添加水印" id="auto_mark" datas={"0":"无水印","1":"文字水印", "2":"图片水印"} defaultValue="${bean.auto_mark!''}" />
                	<@t.text title="水印文字" id="mask_text" value="${bean.mask_text!''}" />
					<@t.uploader title="上传水印图片" id="mask_temp" value="${bean.mask_temp!''}" help="水印图片，请上传合适大小，推荐：200*40" />
					<@t.submitBtn title="重新发送"/>
               </@t.form>
	</@t.container>
<script type="text/javascript" src="public/common/json.js"></script>
 <script type="text/javascript">
<#if ($bean.crop_size_json !="")>
	var pack_json=$!bean.crop_size_json;
<#else>
	var pack_json=[];
</#if>
     $(function(){
         //解析裁剪json
 		render_listData();
         //绑定上传
         $('#file_upload_1').uploadify();
		//提交表单
       	  $('#add_form').validator({
        		theme: 'yellow_right_effect',  //设置theme
        		stopOnError: true, //
        		showOk:false,
        	    fields: {
        	        "chanel_cn_name": {
        	            rule: "required;",
        	            ok: "",
        	            tip:"请填写名称",
        	            msg: {
        	            	required: "名称不可以为空!",
        	            }
        	        },
        	        "base_path": {
        	            rule: "required;",
        	            ok: "",
        	            tip:"请填写上传根目录",
        	            msg: {
        	            	required: "根目录不可以为空!",
        	            }
        	        },
        	        "allow_type": {
        	            rule: "required;",
        	            ok: "",
        	            tip:"请填写文件类型，以分号隔开；如果不限制，请填写*号",
        	            msg: {
        	            	required: "文件类型不可以为空!",
        	            }
        	        }
        	    }
        	});
		  $('#add_form').on('valid.form', function(e, form){
		  	   //成功之后刷新gd，关闭自己
			    var data=$(this).serialize();
			    var this_obj=$('#submit_btn');
				//处理自动裁剪表单
				var crop_array=[];
				$('.crop').each(function(){
					var crop_obj=new Object();
					crop_obj.thumb_marker=$(this).children(".crop_thumb_marker").val();
					crop_obj.thumb_width=$(this).children(".crop_thumb_widht").val();
				    crop_obj.thumb_height=$(this).children(".crop_thumb_height").val();
					crop_array.push(crop_obj);
				});
				//缩略图名称是否有相同的？
				
				//提交表单
				this_obj.addClass('disabled');
				data=data+'&crop_size_json='+encodeURIComponent($ .toJSON(crop_array));
				//alert(data);return;
				
               $ .axsf('admin/upconfig/add',data,function(d){
			   		if(d){
                         if(d.code==200){
							window.location.href="admin/upconfig/index";
                         }else{
						 	alert(d.message);
						 }
                	}
			   });
        });
	    
		//绑定删除缩略图事件
		$('.js_removeCover').click(function(){
				$('#preview_img').attr('src','');
				$('#mask_temp').val('');
		});
		//验证后缀名是否有相同的。			
});
     function render_listData(){
           var crop_obj;
           if(pack_json.length==0)return;
           $('.crop').each(function(i){
				crop_obj=pack_json[i];
				$(this).children(".crop_thumb_marker").val(crop_obj["thumb_marker"]);
				$(this).children(".crop_thumb_widht").val(crop_obj["thumb_width"]);
			    $(this).children(".crop_thumb_height").val(crop_obj["thumb_height"]);
		  });
	}
    </script>
 </@t.html>